<template>
  <p >1.把v-on:click简写成@click</p>
  <h1>按钮事件绑定指令</h1>
  <button @click="f">按钮1</button>
  <button v-on:click="f">按钮2</button>
  <h1>回车事件绑定指令</h1>
  <input type="text" placeholder="请输入你想要的商品" v-model="m" @keydown.enter="f1">
</template>

<script setup>
import {ref} from "vue";
const f=()=>{
  console.log('点击了按钮')
}
/*定义变量来收集用户在输入框的消息*/
const m=ref('')
const f1=()=>{
  alert(`你想要的商品是${m.value}吗？`)
}
</script>


<style scoped>

</style>